$(function(){
    // 1.
    // 对登录表单进行验证
    // 1.数据不能为空
    // 2.用户名长度2-6位
    // 3.密码的长度6-12位
    $('#form').bootstrapValidator({
      //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
      excluded: [':disabled', ':hidden', ':not(:visible)'],
      // 校验时显示图标
      feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
      },
      // 对表单验证配置
      // 设置被验证的字段,表单验证插件是通过表单name属性进行验证的
      fields:{
        // 验证用户名
        username:{
          // 验证规则
          validators:{
            // 非空验证
            notEmpty:{
              // 提示信息
              message:'用户名不能为空'
            },
            // 长度验证
            stringLength:{
              min:2,
              max:6,
              message:'用户名长度是2-6位'
            },
            callback:{
              message:'用户名不存在'

            }
          }
        },
        // 验证密码
        password:{
          // 验证规则
          validators:{
            // 非空
            notEmpty:{
              message:'密码不能为空'
            },
            // 长度限制
            stringLength:{
              min:6,
              max:12,
              message:'密码长度为6-12位'
            },
            callback:{
              message:'密码不正确'

            }
          }
        }
      }
    })
    // 2.重置表单值及验证样式
    $('.btn-reset').click(function(){
      $('#form').data('bootstrapValidator').resetForm();
    })
    // 3.在表单数据验证通过的情况下，获取表单数据，通过ajax提交给后台，进行登录验证
    // 如果登录成功去首页
    // 登录失败 提示错误信息
    // $('#submit').on('click',function(){
    //   // 判断是否验证成功
    // })
    // bootstrapValidator插件提供了一个success.form.bv ,这个事件会在点击提交按钮 并且验证成功的情况下触发
    $('#form').on('success.form.bv',function(e){
      // 阻止浏览器的默认行为
      e.preventDefault();
      // console.log('验证成功');
      // 把数据通过ajax发送给后台
      $.ajax({
        // 请求的地址
        url:'/employee/employeeLogin',
        // 请求的方式
        type:'post',
        // 传递的数据 /表单序列号
        data:$('#form').serialize(),
        // 后台返回的数据格式都是json格式
        dataType:'json',
        success:function(info){
          console.log(info);
          if(info.success){
            console.log('登录成功');
            // 跳转到首页
            location.href='./index.html';
          }else if(info.error===1000){
           console.log('用户名错误');
          //  把用户名验证状态改成失败，提示错误信息
          $('#form').data('bootstrapValidator').updateStatus('username','INVALID','callback');
          }else{
            console.log('密码错误');
            // 把密码的验证状态改成验证失败 提示错误信息
          $('#form').data('bootstrapValidator').updateStatus('password','INVALID','callback');

          }
        }

      })
    })
});